<template>
  <basic-card :title="$t('menu.task_broadcast')" :iconClass="'iconfont icon-broadcast'">

<!--    <el-row :gutter="20" style="margin-top: 30px">-->
<!--      <el-col :span="12">-->
        <div class="grid-content" style="margin-top: 30px">
        <el-card>
          <el-header>
            任务列表
          </el-header>

          <el-table
            :data="tableData"
            style="width: 100%">
            <el-table-column
              prop="name"
              label="名称">
            </el-table-column>
            <el-table-column
              prop="date"
              label="创建日期">
            </el-table-column>
            <el-table-column
              prop="operational"
              label="操作">
              <template slot-scope="scope">
                　　　　　　<el-button type="text" @click="detail(scope.row.phone)">详情</el-button>
                　　　　　　<el-button type="success" @click="start(scope.row.phone)">开始</el-button>
                　　　　　　<el-button type="warning" @click="stop(scope.row.phone)">停止</el-button>
                　　　　　　<el-button type="danger" @click="delete(scope.row.phone)">删除</el-button>
                　　　　</template>
            </el-table-column>
          </el-table>
        </el-card>
        </div>
<!--      </el-col>-->
<!--    </el-row>-->


  </basic-card>
</template>
<script lang="ts">
import Vue from "vue";
import BasicCard from "@/components/Basic/Card/BasicCard.vue";
import BasicTable from "@/components/Basic/Table/BasicTable.vue";
import BasicDeleteDialop from "@/components/Basic/Dialop/BasicDeleteDialop.vue";

export default Vue.extend({
  components: { BasicCard, BasicTable, BasicDeleteDialop },
  data() {
    return {
      tableForm: {
        search: ""
      },
      tableData: [{
        name: '每日播放任务',
        date: '2020-05-02',
      }, {
        name: '任务一',
        date: '2020-05-02',
      }, {
        name: '任务一',
        date: '2020-05-02',
      }, {
        name: '任务一',
        date: '2020-05-02',
      }],
      checkAll: false,
      isIndeterminate: true
    }
  },
  methods: {
  }
});
</script>
<style lang="scss" scoped>
</style>
